﻿

/* Global
-----------------------------------------------------*/

img{vertical-align: bottom; border: 0;}
.clear{clear: both;}

/* Main container
-----------------------------------------------------*/
#canvasWrapper{position: relative; width: 795px; margin: auto; text-align: left;}

/* Header
-----------------------------------------------------*/
#pageHeader{position: relative; width: 100%; height: 143px;}
	#bannerWrapper{position: absolute; top: 18px; left: 9px;}
#navigationTop {position: relative; width: 100%; height: 0; }
	ul.content-navigation { /*font-family: georgia, 'times new roman', serif;*/ position: absolute; top: 80px; right: 7px; letter-spacing: 1px; margin: 0;}
		.content-navigation li { list-style: none; float: left; padding-left: 20px; font-size: 1.4em; margin: 0; }
		.content-navigation li a{color: #000;}
	#navigationBottom { display: none; }
/* Banner
-----------------------------------------------------*/
#banner2{background: #fc880d url(http://production.neighborino.com/images/main/banner_bkgd.gif) bottom left repeat-x; margin-top: 13px; color: #fff; width: 100%; position: relative;}
	#banner-header{height: 18px; width: 100%; background: transparent url(http://production.neighborino.com/images/main/banner_header.gif) top left no-repeat;}
	#banner-body{position: relative; background: transparent url(http://production.neighborino.com/images/main/banner_body.gif) bottom left repeat-y; min-height: 118px; padding-bottom: 18px;}
			#banner-body.features #features-icon { width: 57px; height: 62px; position: absolute; left: 21px; top: 18px; background: url('/storage/homepage/features_page_header.gif') left top no-repeat; }
		#banner-body h1{margin: 0 145px 0 25px; padding-top: 18px; font-weight: 300; letter-spacing: 1px; font-size: 2.4em;}
			#banner-body.features h1{margin: 0 25px 0 25px; padding-left: 65px; padding-top: 18px; font-weight: 300; letter-spacing: 1px; font-size: 2.4em;}
			#banner-body.features p {margin: 5px 25px 0 25px; padding-left: 65px; letter-spacing: 1px; font-size: 1.6em; line-height: 1.75em;}
		#banner-body p{margin: 5px 145px 0 25px; letter-spacing: 1px; font-size: 1.6em; line-height: 1.75em; }
		#banner-image{position: absolute; bottom: 9px; right: 18px;}
	#banner-footer{height: 18px; width: 100%; background: transparent url(http://production.neighborino.com/images/main/banner_footer.gif) bottom left no-repeat;}

	/* Main content
	-----------------------------------------------------*/
	#main{background: #fff url(http://production.neighborino.com/images/main/main_bkgd.gif) top left repeat-x; margin-top: 13px; color: #381f00; width: 100%;}
		#main-header{height: 18px; width: 100%; background: transparent url(http://production.neighborino.com/images/main/main_header.gif) top left no-repeat;}
		#main-body-wrapper{position: relative; background: transparent url(http://production.neighborino.com/images/main/main_body.gif) bottom left repeat-y; min-height: 118px; padding: 0 25px 0 25px;}
		#main-body{width: 100%;}
		#main-body h2{margin: 0 0 .5em 0; color: #ff490a; font-size: 1.6em;}
		#main-body h3{margin: 0 0 .5em 0; color: #ff490a; font-size: 1.6em;}
		#main-body p{margin: 0; font-size: 1.6em; line-height: 1.4em;}
		#main-body #intro { padding-left: 20px; }
			#main-body #intro h2 { font-size: 1.6em; margin: 0; padding-top: 10px; line-height: 1.4em; }
			#main-body #intro p {width: 425px; margin-bottom: 2em;}
		#main-body p.blurb{line-height: 1.4em; padding: 1em 0 .25em 0;} 
		#main-body a{color: #377e80;}
		#main-body #content{ padding-top: 22px; position: relative; margin-top: 30px; width: 100%;}
		#main-body .highlight{background-color: #fff9a5;}
		#main-footer{height: 18px; width: 100%; background: transparent url(http://production.neighborino.com/images/main/main_footer.gif) bottom left no-repeat; clear: both;}

	/* Home free-trial tout
	-----------------------------------------------------*/
	#free-trial{width: 265px; background: #eceb91 url(http://www.neighborino.com/storage/homepage/free_trial_bkgd.gif) repeat-y; position: absolute; top: 0; right: 34px; cursor: pointer; cursor: hand;}
	#free-trial-header{height: 19px; background: #eceb91 url(http://www.neighborino.com/storage/homepage/free_trial_header.gif) top left no-repeat;}
	#free-trial-body{ position: relative; }
		#free-trial #arrow-link { position: absolute; right: 0px; bottom: -71px; }
			#free-trial #arrow-link a { display: block; padding-top: 18px; padding-right: 63px; background: url(/storage/homepage/free_trial_signup.gif) right no-repeat; height: 46px; font-size: 1.4em; font-weight: bold; color: #ff490a; vertical-align: middle; margin-right: 16px; text-decoration: none; }
		#free-trial-body h2{ color: #353535; text-align: justify; font-size: 3.0em; margin: 0 20px .25em 20px; }
			#free-trial-body h2 span{font-size: .8em; letter-spacing: 5px;}
		#free-trial-body p { margin: 0 20px 50px 20px; line-height: 1.4em; font-size: 1.3em; color: #353535; font-weight: bold; }
	#free-trial-footer{height: 21px; background: #eceb91 url(http://www.neighborino.com/storage/homepage/free_trial_footer.gif) no-repeat;}

	/* Home feature list
	-----------------------------------------------------*/
	#main-body-wrapper #features-header { width: 719px; height: 17px; background: url(http://www.neighborino.com/storage/homepage/features_header.gif) no-repeat; }
	#main-body-wrapper #features-footer { width: 719px; height: 16px; background: url(http://www.neighborino.com/storage/homepage/features_footer.gif) no-repeat; }
	#main-body #content.features { background: url(http://www.neighborino.com/storage/homepage/features_bkgd.gif) repeat-x #fff; width: 677px; border-right: 1px solid #d7dddd; border-left: 1px solid #d7dddd; padding-top: 0; margin-top: 0; padding-left: 20px; padding-right: 20px; }
		#main-body #content.features p { font-size: 1.4em; }
		#main-body #content.features ul { padding: 0; margin: 0; font-size: 1.4em; padding-top: 15px; }
			#main-body #content.features ul li { list-style: none; float: left; }
				#main-body #content.features ul li a { display: block; padding-top: 71px; margin-left: 15px; margin-right: 15px; text-align: center; text-decoration: none; color: #000; }
					#main-body #content.features ul li.blog a { background: url(/storage/homepage/feat_icons_blog.gif) no-repeat 10px top; }
					#main-body #content.features ul li.email a { background: url(/storage/homepage/feat_icons_email.gif) no-repeat top; }
					#main-body #content.features ul li.photos a { background: url(/storage/homepage/feat_icons_photos.gif) no-repeat 13px top; }
					#main-body #content.features ul li.forums a { background: url(/storage/homepage/feat_icons_forums.gif) no-repeat top; width: 66px; }
					#main-body #content.features ul li.ads-revenue a { background: url(/storage/homepage/feat_icons_ads.gif) no-repeat 6px top; }
					#main-body #content.features ul li.all-features a { background: url(/storage/homepage/feat_icons_all.gif) no-repeat 15px top; width: 106px; }
					
	/* Features & About us page
	-----------------------------------------------------*/
	#main-body-wrapper.all-features { padding-left: 34px; padding-right: 34px; }
		.all-features #main-body h2, #main-body.about-us h2 { color: #000; padding-top: 30px; }
		.all-features #main-body div.feature-set { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px #dfe4e4 solid; }
			.all-features #main-body .feature-set img { border: 0; float: right; margin-left: 20px; }
			.all-features #main-body .feature-set h3 { padding-top: 8px; padding-bottom: 5px; padding-left: 40px; }
			.clear { clear: both; }
				#main-body #service.feature-set h3 { background: url('/storage/homepage/icons/features_service.gif') no-repeat left; }
				#main-body #communication.feature-set h3 { background: url('/storage/homepage/icons/features_communication.gif') no-repeat left; }
				#main-body #directory.feature-set h3 { background: url('/storage/homepage/icons/features_directory.gif') no-repeat left; }
				#main-body #photos.feature-set h3 { background: url('/storage/homepage/icons/features_photos.gif') no-repeat left; }
				#main-body #classifieds.feature-set h3 { background: url('/storage/homepage/icons/features_classifieds.gif') no-repeat left; }
				#main-body #ads.feature-set h3 { background: url('/storage/homepage/icons/features_ads.gif') no-repeat left; }
				#main-body #permissions.feature-set h3 { background: url('/storage/homepage/icons/features_permissions.gif') no-repeat left; }
				#main-body #documents.feature-set h3 { background: url('/storage/homepage/icons/features_documents.gif') no-repeat left; }
				#main-body #maps.feature-set h3 { background: url('/storage/homepage/icons/features_maps.gif') no-repeat left; }
				#main-body #calendar.feature-set h3 { background: url('/storage/homepage/icons/features_calendar.gif') no-repeat left; }
				#main-body #flag.feature-set h3 { background: url('/storage/homepage/icons/features_flag.gif') no-repeat left; }
				#main-body #email-blast.feature-set h3 { background: url('/storage/homepage/icons/features_email.gif') no-repeat left; }
				#main-body #forums.feature-set h3 { background: url('/storage/homepage/icons/features_forums.gif') no-repeat left; }
				#main-body #board-communication.feature-set h3 { background: url('/storage/homepage/icons/features_board.gif') no-repeat left; }

	/* White label
	-----------------------------------------------------*/
	#main-body-wrapper.white-label { padding-left: 34px; padding-right: 34px; }
		.white-label #main-body div.whitelabel { padding-left: 180px; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px #dfe4e4 solid; }
		#main-body div.whitelabel h3, #main-body div.whitelabel p { padding-bottom: 20px; }
		#main-body div.whitelabel ol { font-size: 1.6em; margin: 0; padding: 0; }
		#main-body div.whitelabel li { margin: 0; margin-left: 25px; padding: 0; padding-left: 10px; line-height: 1.4em; }
			#main-body #header.whitelabel { background: url('/storage/whitelabel/white_label_header.gif') no-repeat 11px 8px; height: 265px; }
			#main-body #benefits.whitelabel { background: url('/storage/whitelabel/neighborino_whitelabel_benefits.gif') no-repeat 45px 8px; }
			#main-body #common-questions.whitelabel { background: url('/storage/whitelabel/neighborino_whitelabel_questions.gif') no-repeat 45px 8px; }
			#main-body #pricing.whitelabel { background: url('/storage/whitelabel/neighborino_whitelabel_pricing.gif') no-repeat 45px 8px; }
			#main-body #questions.whitelabel { background: url('/storage/whitelabel/neighborino_whitelabel_start.gif') no-repeat 45px 8px; }

	/* About us page
	-----------------------------------------------------*/
	#main-body.about-us { }
		#main-body.about-us #nbo-group-shot { float: right; padding-right: 15px; }
		#main-body.about-us p { margin-bottom: 1.0em; }

/* Pricing and signup form 
-----------------------------------------------------*/
#main-body #form-error{color: #ff0000; border: 1px solid #ff0000; padding: 5px 3px 5px 3px; text-align: center; background-color: #f7e1e1; display: none;}
#main-body #signup-form table{width: 100%; margin: 1em 0 1em 0;}
#main-body #signup-form table .label{text-align: right; width: 43%; padding: 3px 11px 3px 0;}
#main-body #signup-form table .user-input{width: 57%; text-align: left; padding: 3px 0 3px 0;}
	#main-body #signup-form table td.user-input input{width: 255px; border: 1px solid #381f00; font-size: 1.2em; padding: 4px; color: #381f00;}
		#main-body #signup-form table td.user-input input.lowercase{text-transform: lowercase;}
	#main-body #signup-form .legal{padding: 0 0 .5em 200px;}
	#main-body #signup-form #submit{margin: 0 0 1em 402px;}
	
	#main-body #signup-form table .available-url{color: #009900;}
	#main-body #signup-form table .unavailable-url{color: #ff0000;}
	#main-body #signup-form table .your-url{color: #9b8f7f;}
	
	#err-neighborhood, #err-neighborhood-zip, #err-neighborhood-url, #err-fname, #err-lname, #err-email, #err-login, #err-password, #err-confirm, #err-legal{font-weight: bold; color: #ff0000; font-size: 1.2em; display: none;}
	
	#signup-form .error #err-neighborhood, #signup-form .error #err-neighborhood-zip, #signup-form .error #err-neighborhood-url, #signup-form .error #err-fname, #signup-form .error #err-lname, #signup-form .error #err-email, #signup-form .error #err-login, #signup-form .error #err-password, #signup-form .error #err-confirm, #signup-form .error #err-legal { display: block; }
	
	.error{background-color: #f7e1e1; padding: 5px 0 5px 0; border-top: 2px solid #ff0000;}
	.fieldWithErrors { display: inline; }
	
/* Billing signup form 
-----------------------------------------------------*/
#main-body #form-error{color: #ff0000; border: 1px solid #ff0000; padding: 5px 3px 5px 3px; text-align: center; background-color: #f7e1e1; display: none;}
#main-body #billing-form table{width: 100%; margin: 1em 0 1em 0;}
#main-body #billing-form table .label{text-align: right; width: 43%; padding: 3px 11px 3px 0;}
#main-body #billing-form table .user-input{width: 57%; text-align: left; padding: 3px 0 3px 0;}
	#main-body #billing-form table td.user-input input{width: 255px; border: 1px solid #381f00; font-size: 1.2em; padding: 4px; color: #381f00;}
		#main-body #billing-form table td.user-input input.lowercase{text-transform: lowercase;}
	#main-body #billing-form .legal{padding: 0 0 .5em 200px;}
	#main-body #billing-form #submit{margin: 0 0 1em 402px;}

	.error{background-color: #f7e1e1; padding: 5px 0 5px 0; border-top: 2px solid #ff0000;}
	.fieldWithErrors { display: inline; }
	
/*Ad signup form
-----------------------------------------------------*/
#main-body #preview
	#main-body #preview #ad-headline{font-weight: bold; color: red;}

/* Pricing and signup info
-----------------------------------------------------*/
#main-body #pricing{background: #fff url(../images/main/light_blue_rule.gif) top center no-repeat; padding-top: 22px; position: relative;}
	#main-body #pricing p{width: 525px;}
	#main-body #pricing img{width: 194px; height: 147px; position: absolute; top: 22px; left: 540px;}
	
/* Pricing and signup features
-----------------------------------------------------*/
#main-body #features ul{margin: 25px 0 0 0; padding: 0;}
#main-body #features ul li{width: 92px; text-align: center; float: left; display: block; padding: 0; margin: 0; list-style: none; font-size: 1.4em;}


/* Hide the side bar */
#sidebar1Wrapper { display: none; }

/* Home page specific styles */
.pricing-signup{color: #000;}
	#home-banner{background: #f67800 url(http://production.neighborino.com/images/main/home_banner.gif) bottom left repeat-x; margin-top: 14px;}
		#home-banner-header{height: 18px; background: #561a00 url(http://production.neighborino.com/images/main/home_banner_header.gif) top left no-repeat;}
		#home-banner-body{height: 343px; background: transparent url(http://production.neighborino.com/images/main/home_banner_body.gif) top left repeat-y;}
			#home-banner-nav-wrapper{background: transparent url(http://production.neighborino.com/images/main/home_banner_nav_wrapper.gif) bottom left repeat-x; width: 207px; height: 343px; margin: 0 0 0 9px; float: left; display: inline;}
				#home-banner-nav{height: 343px;}
					#home-banner-nav p{margin: 0 14px 0 0; padding: 30px 0 0 0; text-align: right; vertical-align: middle; text-transform: uppercase; font-size: 1.4em; letter-spacing: 1px;}
					#home-banner-nav a{text-decoration: none; color: #fff; display: block; outline: none;}
					#home-banner-nav a:active{text-decoration: none; color: #ffde00; outline: none;}
					#home-banner-nav a:visited{text-decoration: none;}
					#home-banner-nav a:hover{text-decoration: none; color: #ffde00;}
					#nav-welcome{height: 81px; padding: 0; margin: 0; background: transparent url(http://production.neighborino.com/images/main/home_nav_welcome.jpg) top left repeat-x;}
						#nav-welcome p{padding-top: 34px;}
					#nav-board-members{height: 90px;padding: 0; margin: 0; background: transparent url(http://production.neighborino.com/images/main/home_nav_board_members.jpg) top left repeat-x;}
					#nav-condo-homeowners{height: 91px; padding: 0; margin: 0; background: transparent url(http://production.neighborino.com/images/main/home_nav_condo_homeowners.jpg) top left repeat-x;}
					#nav-management-companies{height: 81px; padding: 0; margin: 0; background: transparent url(http://www.neighborino.com/storage/homepage/home_nav_mgmt_companies.jpg) top left repeat-x;}
			#home #main-header{height: 18px; width: 100%; background: transparent url(..http://production.neighborino.com/images/main/main_header_home.gif) top left no-repeat;}
			#home-banner-copy-wrapper{width: 565px; height: 343px; overflow: hidden; padding: 0; margin: 0; background: transparent url(http://production.neighborino.com/images/main/home_banner_nav.gif) left -98px no-repeat;}
				#home-banner-copy{width: 565px; height: 343px; padding: 0; margin: 0; position: relative;}
					#home-banner-copy h2{color: #fff; font-size: 2.0em; line-height: 1.4em; margin: 0 0 0 40px; font-weight: 500; letter-spacing: 1px; }
					#home-banner-copy h3{color: #fff; font-size: 1.4em; line-height: 1.2em; letter-spacing: 1px; margin: 0 0 10px 40px;}
					#home-banner-copy p{color: #fff; font-size: 1.2em; margin: 0 0 0 40px; padding: 0; }
					.buttons{text-align: center; width: 500px; clear: both; position: absolute; bottom: 0; right: 40px;}
						.buttons a{display: inline;}
					
					#copy-welcome{height: 343px; padding: 0; margin: 0; background: transparent url(http://production.neighborino.com/images/main/home_nav_welcome.gif) 0 25px no-repeat; position: relative;}
						#copy-welcome h2 { padding-top: 10px; }
						#copy-welcome img{position: absolute; bottom: 0; left: 36px;}
					#copy-board-members{height: 343px; padding: 0; margin: 0; background: transparent url(http://production.neighborino.com/images/main/home_nav_board_members.gif) 0 111px no-repeat;  position: relative; }
						#copy-board-members .banner-feature{width: 130px; float: left; padding: 75px 0 0 0;}
						#copy-board-members div p{margin: 0; padding: 0 6px 0 6px; font-size: 1.4em; line-height: 1.4em;}
						#copy-board-members .board-a{background: transparent url(http://production.neighborino.com/images/main/icon_banner_smile_bubble.gif) top center no-repeat; margin-left: 15px;}
						#copy-board-members .board-b{background: transparent url(http://production.neighborino.com/images/main/icon_banner_arrow_folder.gif) top center no-repeat;}
						#copy-board-members .board-c{background: transparent url(http://production.neighborino.com/images/main/icon_banner_bubbles.gif) top center no-repeat;}
						#copy-board-members .board-d{background: transparent url(http://production.neighborino.com/images/main/icon_banner_notes.gif) top center no-repeat;}
					#copy-condo-homeowners{height: 343px; padding: 0; margin: 0; background: transparent url(http://production.neighborino.com/images/main/home_nav_condo_homeowners.gif) 0 201px no-repeat; position: relative;}
						#copy-condo-homeowners .banner-feature{width: 130px; float: left; padding: 75px 0 0 0;}
						#copy-condo-homeowners div p{margin: 0; padding: 0 6px 0 6px; font-size: 1.4em; line-height: 1.4em;}
						#copy-condo-homeowners .board-a{background: transparent url(http://production.neighborino.com/images/main/icon_banner_calendar_mail_.gif) top center no-repeat; margin-left: 15px;}
						#copy-condo-homeowners .board-b{background: transparent url(http://production.neighborino.com/images/main/icon_banner_classifieds.gif) top center no-repeat;}
						#copy-condo-homeowners .board-c{background: transparent url(http://production.neighborino.com/images/main/icon_banner_single_bubble.gif) top center no-repeat;}
						#copy-condo-homeowners .board-d{background: transparent url(http://production.neighborino.com/images/main/icon_banner_file.gif) top center no-repeat;}
					#copy-management-companies{height: 343px; padding: 0; margin: 0; background: transparent url(http://production.neighborino.com/images/main/home_nav_mgmt_companies.gif) 0 291px no-repeat; position: relative;}
						#copy-management-companies .banner-feature{width: 130px; float: left; padding: 75px 0 0 0;}
						#copy-management-companies div p{margin: 0; padding: 0 6px 0 6px; font-size: 1.4em; line-height: 1.4em;}
						#copy-management-companies .board-a{background: transparent url(http://production.neighborino.com/images/main/icon_banner_check.gif) top center no-repeat; margin-left: 15px;}
						#copy-management-companies .board-b{background: transparent url(http://production.neighborino.com/images/main/icon_banner_computers.gif) top center no-repeat;}
						#copy-management-companies .board-c{background: transparent url(http://production.neighborino.com/images/main/icon_banner_notes2.gif) top center no-repeat;}
						#copy-management-companies .board-d{background: transparent url(http://production.neighborino.com/images/main/icon_banner_houses.gif) top center no-repeat;}
				
				
		#home-banner-footer{height: 18px; background: #7f2600 url(http://production.neighborino.com/images/main/home_banner_footer.gif) top left no-repeat;}

		/* Footer
		-----------------------------------------------------*/
		#footer p{font-size: 2em; color: #ff490a; margin: 15px 25px 1.5em 25px;}
		#footer a{color: #ff490a;}
		#pageFooterWrapper { display: none; }
		
		
.journal-entry-tag-pre-title .inline-icon { display: none; }

.journal-entry-tag-post-title .inline-icon { display: none; }

#navigationTop .horizontalNavigationBar { width: 750px; }

#navigationBottom .horizontalNavigationBar { width: 730px; }

#navigationTop {position: relative; width: 100%; height: 0; }
ul.content-navigation {position: absolute; top: 110px; right: 7px; letter-spacing: 1px; margin: 0; }

.caption a:active, .caption a:link, .caption a:visited { color: #ffffff; } 

/* NEWSORINO SIDEBAR TOP HEADER */
#sectionContent1723075 { margin-top: 15px; }

#twitter_update_list li { font-size: 1.6em; line-height: 1.2em; font-family: Helvetica, Arial, sans-serif; padding: 10px; background-color: #fff; color: #C62606; border-bottom: 1px solid #999; border-right: 1px solid #999; }
  #twitter_update_list li span { font-size: 1.0em; } 
  #twitter_update_list a { color: #999; }
  #twitter_update_list a:hover { color: #000; }
